let xarr = [];
let arr = [];
for (let index = 0; index < 60; index++) {
  xarr.push(index + 1);
  arr.push(Math.random() * 100);
}
export const lineWithAreaChart = {
  title: {
    text: "",
    textStyle: {
      color: "#fff",
      fontSize: 15,
    },
    subtext: "",
    subtextStyle: {
      color: "#fff",
      fontSize: 12,
    },
    textAlign: "auto",
  },
  grid: {
    top: "40px",
    left: "30px",
    right: "30px",
    bottom: "40px",
  },
  xAxis: {
    type: "category",
    boundaryGap: false,
    data: [...xarr],
  },
  yAxis: {
    type: "value",
  },
  series: [
    {
      data: arr,
      // markLine: {
      //   symbol: 'none',

      //   data: [{ type: 'average', name: 'Avg' }]
      // },
      // markPoint: {
      //   symbol: 'arrow',
      //   symbolSize: 20,
      //   label: {
      //     fontSize: 10,
      //     formatter: (params) => {
      //       return parseFloat(params.value).toFixed(2) + ''
      //     }
      //   },
      //   data: [
      //     {
      //       name: '最大值',
      //       type: 'max'
      //     }
      //   ]
      // },
      lineStyle: {
        // normal: {
        //   width: 3,
        //   color: '#ff7022' // 线条颜色
        // }
        width: 3,
        color: "",
        type: "solid",
      },
      type: "line",
      smooth: true,
      symbol: "none",
      animation: true,
      areaStyle: {
        color: "#33cdfa",
      },
    },
    // {
    //   data: arr,
    //   markLine: {
    //     symbol: "none",

    //     data: [{ type: "average", name: "Avg" }],
    //   },
    //   markPoint: {
    //     symbol: "arrow",
    //     symbolSize: 20,
    //     label: {
    //       fontSize: 10,
    //       formatter: (params) => {
    //         return parseFloat(params.value).toFixed(2) + "";
    //       },
    //     },
    //     data: [
    //       {
    //         name: "最大值",
    //         type: "max",
    //       },
    //     ],
    //   },
    //   type: "line",
    //   smooth: true,
    //   symbol: "none",
    //   animation: true,
    //   areaStyle: {
    //     color: "#33cdfa",
    //   },
    // },
  ],
};
